@media (min-width: 992px) and (max-width: 1199px)
{
.box-sec{ margin-left:60px;}
.star-box:nth-child(1) { transform: translate(125%, 0%);}
.star-box:nth-child(2) { transform: translate(50%, -25%);}
.star-box:nth-child(3) { transform: translate(124%, -50%);}
.star-box:nth-child(4) { transform: translate(198%, -224%);}
.inr-dual1 ul{ width:100%;}
.inr-dual1{ padding:10px 30px;}
.inr-dual, .inr-dual1{ height:263px; overflow:hidden;}
.highlights h2{ font-size:26px;}
.highlights ul{ padding:0px;}
.about-left, .about-right{ min-height:302px;}
.about-left{ padding:50px; }
.focus-top ul li h3{ font-size:20px; padding:20px 0}
.focus-sec h2{ font-size:26px;}
.focus-btm ul li h5, .focus-btm ul li h4{ font-size:22px;}
#slider:after, .focus-sec h2:after{ top:-3px;}
.focus-top #carousel li{ width:338px!important;}
.site-logo{margin-left: 20px; padding-top:15px;}
}

@media (min-width: 768px) and (max-width: 991px)
{
.box-sec h1{ font-size:16px;}
.star-box:nth-child(1) { transform: translate(75%, 0%);}
.star-box:nth-child(2) { transform: translate(0%, -25%);}
.star-box:nth-child(3) { transform: translate(74%, -50%);}
.star-box:nth-child(4) { transform: translate(148%, -224%);}
.box-sec{ width:250px; height:250px; margin-left:35px;}
.box-sec h1{ margin-top:35px;}
.star-box{ width:140px;}
.inr-dual1 ul{ width:100%;}
.inr-dual1{ padding:10px 30px;}
.inr-dual, .inr-dual1{ height:325px; overflow:hidden;}
.highlights h2{ font-size:26px;}
.highlights ul{ padding:0px;}
.highlights ul li h3{ font-size:14px;}
.ftr .text-center{ margin:30px 0;}
.site-logo{ width:30%; padding-top:42px;}
.about-left, .about-right{ min-height:302px;}
.about-left{ padding:15px; }
.focus-top ul li span{ width:100px; height:100px; line-height:100px;}
.focus-top ul li h3{ font-size:20px; padding:20px 0}
.focus-sec h2{ font-size:22px;}
.focus-btm ul li h5{ font-size:20px; width:78%;}
.focus-btm ul li h4{ font-size:20px;}
.focus-top ul li{ padding:0 15px;}
.focus-mdl{ padding:55px 35px 35px;}
.focus-top ul li{ width:50vw!important;}
}

@media only screen and (max-width: 767px) 
{
.hidden-lg-up{ display:block ;}
.navbar-collapse{ width:100%; float:left;}
.navbar{ margin:0; position:inherit;}
.web-menu{ text-align:center;}
.web-menu ul{ padding:10px 0; background:rgba(0,0,0,0.9); width:100%; text-align:center;}
.web-menu ul li.active a, .Nav ul li a:hover{ box-shadow:0px 0px 0px 0px #ff9c00 inset;}
.web-menu ul li{ float:left; padding:0px 10px; background:none; width:100%; border-top:0px solid #999; margin-bottom:0px;}
.web-menu ul li:first-child{ border:0px;}
nav.navbar-expand-lg.navbar-expand-md.navbar-dark{ width:100%;}
.navbar-light .navbar-toggler { padding:0; float:right; width:36px; background-repeat:no-repeat; background-position:center; background-color:transparent; border-radius:0px; background-size:100% 100%; height:30px; margin:10px 10px 10px 20px; border:0px solid #fff;  cursor:pointer; outline:none; background-image:url(../images/mbl_nav_btn1.png); position:relative; z-index:15;}
.navbar-toggler.collapsed{background-image:url(../images/mbl_nav_btn.png);}
.Nav a.navbar-brand{ width:70%;}
#navbarResponsive h3{ display:none;}
.web-menu{ width:100%; padding-top:26px;}
.web-menu ul li a{ font-size:18px; line-height:56px; padding:0px 20px; width:100%; text-align:center; border-radius:5px;}
.site-logo{width:40%; position:absolute; left:15px; top:40px; z-index:2;}
.box-sec h1{ font-size:16px;}
.star-box:nth-child(1) { transform: translate(75%, 0%);}
.star-box:nth-child(2) { transform: translate(0%, -25%);}
.star-box:nth-child(3) { transform: translate(74%, -50%);}
.star-box:nth-child(4) { transform: translate(148%, -224%);}
.box-sec{ width:250px; height:250px; margin-left:47px; margin-bottom:100px;}
.box-sec h1{ margin-top:35px;}
.star-box{ width:143px; padding:10px;}
.inr-dual1 ul{ width:100%;}
.inr-dual1{ padding:10px 30px;}
.inr-dual, .inr-dual1{ height:auto; overflow: visible;}
.highlights{ padding:50px 0;}
.highlights h2{ font-size:22px; margin-bottom:20px;}
.highlights ul{ padding:0px;}
.highlights ul li{ width:50%; float:left; margin-bottom:40px;}
.ftr { text-align:center;}
.ftr form{ width:75%; float:none; margin:0 auto; display:inline-block;}
.ftr .text-center{ margin:30px 0;}
.ftr h6 strong, .ftr h6 img{ float:none; display:inline-block;}
.ftr h6 strong{ margin-bottom:30px;}
.ftrbtm ul li{ float:none; display:inline-block;}
.star-box h4{ font-size:12px;}
.dual-sec h3{ font-size:20px; margin-bottom:10px;}
.about-left, .about-right{ width:100%;display:inline-block; min-height:inherit;}
.about-left{ padding:30px; }
iframe{ width:100%;}
.sticky{ position: relative;}
.focus-top ul li{ width:100%;}
.focus-top ul li span{ width:100px; height:100px; line-height:100px;}
.focus-top ul li h3{ font-size:20px; padding:0px 0 20px}
.focus-sec h2{ font-size:22px;}
.focus-btm ul li h5{ font-size:20px; width:78%;}
.focus-btm ul li h4{ font-size:20px;}
.focus-top ul li{ padding:0px; margin-bottom:0px;}
.focus-mdl{ padding:55px 35px 35px;}
.focus-btm ul li{ width:100%;}
.focus-mdl, .contact-sec .form-group{ width:100%!important;}
.tab-content{ padding:20px 0 0;}
.highlights ul li h3{ height:auto; padding:0px}
.highlights ul li h3:after{ height:0px;}
.tab-pane{ max-width:100%;}
.focus-top #carousel li{margin:0px!important;}
#slider:after, .focus-sec h2:after{ top:-1px;}
.focus-top p{font-size: 20px; font-weight: 400; line-height:30px;}
#carousel ul li{ width:100vw!important;}
.carousel-control-prev, .carousel-control-next{ display:inline-block; height:auto; top:25%;}
}

@media only screen and (max-width: 480px) 
{
	.focus.mobile-slide {
    display: block !important; 
}
.focus-top {
    display: none;
}
.site-logo {
    top: 10px;
        z-index: 0;
    }

}
@media only screen and (max-width: 375px) {
.box-sec{ margin-left:33px;}
.star-box{ width:127px; padding:10px;}
.focus-top #carousel li{ width:377px!important; margin:0px!important;}

}
@media only screen and (max-width: 320px) 
{
.box-sec{ margin-left:0px;}
.box-sec:after{width:190px; height:190px; left:30px;}
.box-sec a{ line-height:0px; margin-top:5px; font-size:10px;}
.box-sec h1{ margin-top:35px; font-size:12px;}
.star-box{ width:110px;}
.focus-top #carousel li{ width:323px!important; margin:0px!important;}
.focus-li{ height:275px; overflow:hidden;}
}